﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>eventtracker</title>
                                                              
    <!-- WinJSContrib.Core references -->
    <script src="./scripts/jquery-2.1.1.js"></script>
    <script src="./scripts/winjscontrib/jquery.mcnext.WinJS.js"></script>
    <script src="./scripts/winjscontrib/mcnext.ui.utils.js"></script>

    <link href="eventtracker.css" rel="stylesheet" />
    <script src="eventtracker.js"></script>
</head>
<body>
    <div class="eventtracker fragment">
        <header aria-label="Header content" role="banner">
            <button class="win-backbutton" aria-label="Back" disabled type="button"></button>
            <h1 class="titlearea win-type-ellipsis">
                <span class="pagetitle">using event tracker</span>
            </h1>
            <div class="codelink" data-codepage="./pages/core/eventtracker/eventtracker"><span class="symbol">&#xE160;</span><span class="text">show me the code !</span></div>
        </header>
        <section class="desc-screen" aria-label="Main content" role="main">
            <div class="bloc-description">
                <p>The event tracker is intended to help you manage your listeners for "addEventListener" or observable's "bind" function. Calling dispose on it will release all listeners at once. It help prevent memory leaks related to closures.</p>
                <p>
                    When you are using our custom navigator, the navigator add an "eventTracker" property on your page.
                </p>
                <p>
                    You could use the event tracker alone by creating a new object from MCNEXT.UI.EventTracker.
                </p>
            </div>
            <div></div>
            <div class="bloc-content">
                <p>The following button is bound to an event listener.</p>
                <button id="mybutton">click me</button>
            </div>
        </section>
    </div>
</body>
</html>
